<%@page import="unp.sisEventos.web.servlet_facade_web"%>
<%@page import="unp.sisEventos.pojos.TipoEvento"%>
<%@page import="unp.sisEventos.util.Utilitarios"%>
<div class="container">
    <div class="row">
        <div class="col-md-4"></div>
        <div class="col-md-4">
            <div class="form-group">
                <br>    
                <label  class="col-sm-3 control-label">Nombre: </label>
                <div class="col-sm-10">
                    <input id="evento_nom"  type="text" value="" size="20" class="form-control" placeholder="Nombre">
                </div>
            </div>
        </div>
        <div class="col-md-4"></div>
    </div>
    <div class="row">
        <div class="col-md-4"></div>
        <div class="col-md-4">
            <div class="form-group">
                <label  class="col-sm-3 control-label">Descripcion: </label>
                <div class="col-sm-10">
                    <textarea id="evento_des" class="form-control" rows="3"></textarea>
                </div>
            </div>
        </div>
        <div class="col-md-4"></div>
    </div>
    <div class="row">
        <div class="col-md-4"></div>
        <div class="col-md-4">
            <div class="form-group">
                <label class="col-sm-3 control-label">Tipo: </label>
                <div class="col-sm-10">
                    <select id="cmb_tipoevento" style="width:200px" class="form-control">
                        <%
                                    for (TipoEvento tipoevento : servlet_facade_web.getFacade().getAllTipoEvento()) {
                        %>
                        <option  value='<%=tipoevento.getId()%>'><%=tipoevento.getNombre()%></option>
                        <%
                                    }
                        %>
                    </select>
                </div>
            </div>
        </div>
        <div class="col-md-4"></div>
    </div>
    <div class="row">
        <div class="col-md-4"></div>
        <div class="col-md-4">
            <div class="form-group">
                <label   class="col-sm-3 control-label">Modalidad: </label>
                <div class="col-sm-10">
                    <select id="cmb_modalidad" style="width:150px" class="form-control">
                        <option value="G">GRATUITA</option>
                        <option value="P">PAGO</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="col-md-4"></div>
    </div>
    <div class="row">
        <div class="col-md-4"></div>
        <div class="col-md-4">
            <div class="form-group">
                <label id="label_precio" class="col-sm-3 control-label">Precio: </label>
                <div class="col-sm-10">
                    <input id="evento_precio" type="text" value="" size="20" onkeypress=" return validarNro(event)" class="form-control" placeholder="Precio">
                </div>
            </div>
        </div>
        <div class="col-md-4"></div>
    </div>
    <div class="row">
        <div class="col-md-4"></div>
        <div class="col-md-4">
            <div class="form-group">
                <label  class="col-sm-3 control-label">Fecha: </label>
                <div class="col-sm-10">
                    <div class="input-group date" id="dp3" data-date='<%=Utilitarios.getFecha()%>' data-date-format="mm/dd/yyyy">
                        <input class="form-control" id="evento_fecha" type="text" readonly="" value='<%=Utilitarios.getFecha()%>'>
                        <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-4"></div>
    </div>
    <div class="row">
        <div class="col-md-4"></div>
        <div class="col-md-4">
            <div class="form-group">
                <label  class="col-sm-3 control-label">Capacidad: </label>
                <div class="col-sm-10">
                    <input id="evento_capacidad" onkeypress=" return validarNro(event)" type="text" value="" size="20" class="form-control" placeholder="Capacidad">
                </div>
            </div>
        </div>
        <div class="col-md-4"></div>
    </div>
    <div class="row">
        <div class="col-md-4"></div>
        <div class="col-md-4">
            <div class="form-group">
                <label  class="col-sm-3 control-label">Lugar: </label>
                <div class="col-sm-10">
                    <input id="evento_lugar" type="text" value="" size="20" class="form-control" placeholder="Lugar">
                </div>
            </div>
        </div>
        <div class="col-md-4"></div>
    </div>
    <div class="row">
        <div class="col-md-4"></div>
        <div class="col-md-6">
            <br>
            <div class="form-group">
                <div class="col-sm-offset-1 col-sm-10">
                    <button onClick="validar(1)" class="btn btn-success" >Guardar Evento</button>
                </div>
            </div>
        </div>
        <div class="col-md-2"></div>
    </div>
      
</div>

